<script setup>
const props = defineProps({
  fileUrl: {
    type: String,
    default: ''
  },
  type: {
    type: String,
    default: 'video/mp4'
  },
  width: {
    type: String,
    default: '700'
  }
})
</script>

<template>
  <video
    controls
    :width="width"
  >
    <source
      :src="fileUrl"
      :type="type"
    >
    <p>
      <el-alert
        title="你的浏览器不支持 HTML5 视频"
        type="error"
      />
    </p>
  </video>
</template>

<style scoped lang="scss">

</style>
